import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import HomeMusicItemSong from '../components/HomeMusicItemSong.vue'
import ListItemList from '../components/ListItemList.vue'
import Playpage from '../views/Playpage.vue'
import Loading from '../views/Loading.vue'


Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      showNav: true,
    },
  },
  {
    path: '/list',
    name: 'List',
    component: () => import('../views/List.vue'),
    meta: {
      showNav: true,
    },
  },
  {
    path: '/search',
    name: 'Search',
    component: () => import('../views/Search.vue'),
    meta: {
      showNav: true,
    },
  },
  {
    path: "/homeMusicItemSong",
    name: "HomeMusicItemSong",
    component: HomeMusicItemSong,
  },
  {
    path: "/listItemList",
    name: "ListItemList",
    component: ListItemList,
  },
  {
    path: "/playpage",
    name: "Playpage",
    component: Playpage,
  },
  {
    path: "/loading",
    name: "Loading",
    component: Loading,
  }
]

const router = new VueRouter({
  routes
})


export default router
